<!--
 * @Author: your name
 * @Date: 2022-04-16 22:08:42
 * @LastEditTime: 2022-04-16 23:33:03
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \job-master\web\src\views\dashboard\components\ExperienceSegment.vue
-->
<template>
  <!--热门城市岗位数量-->
  <div class="container">
    <div id="box2" class="echarts_container"></div>
  </div>
</template>

<script>
import * as echarts from "echarts";
export default {
  name:"PCPN",
  data() {
    return {
      
    }
  },
  mounted() {
    // 基于准备好的dom，初始化echarts实例
    var myChart = this.$echarts.init(document.getElementById("box2"));
    //绘制图表
    myChart.setOption({
       title: {
    text: '热门城市岗位数量'
  },
      xAxis: {
        type: "category",
        data: ["广州", "深圳", "北京", "上海", "西安", "南京", "芜湖"],
      },
      yAxis: {
        type: "value",
      },
      series: [
        {
          data: [120, 200, 150, 80, 70, 110, 130],
          type: "bar",
        },
      ],
    });
  },
};
</script>

<style lang="scss" scoped>
.container{
   .echarts_container{
    width: 830px;
    height: 410px;
  }
}
</style>
